﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="SuperSurvey.Register" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Register" runat="server">
    <div class="register">        
        
        <h2 style="font-family:'Copperplate Gothic'">CREATE AN ACCOUNT</h2>
        
            <table>
                <tr>
                    <td style="width: 195px;font-family :Verdana;font-weight:bold">Name :</td>
                    <td style="width: 112px">
                        <asp:TextBox ID="txtFirstName" runat="server" BorderColor="#B6B6B6" BorderStyle="Double" CssClass="txtbox" Height="30px" Width="180px" placeholder="First" ></asp:TextBox>
                    </td>
                    <td>
                        <asp:TextBox ID="txtLastName" runat="server" BorderColor="#B6B6B6" BorderStyle="Double" CssClass="txtbox" Height="30px" Width="194px" placeholder="Last"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="width: 195px">&nbsp;</td>
                    <td style="width: 112px">
                        <asp:RequiredFieldValidator ID="valFirstName" runat="server" ControlToValidate="txtFirstName" ErrorMessage="Please enter First Name !" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                        <asp:RequiredFieldValidator ID="valLastName" runat="server" ControlToValidate="txtLastName" ErrorMessage="Please enter Last Name !" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 195px;font-family :Verdana;font-weight:bold">Username :</td>
                    <td colspan="2">
                        <asp:TextBox ID="txtUsername" runat="server" BorderColor="#B6B6B6" BorderStyle="Double" CssClass="txtbox" Height="30px" Width="399px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="width: 195px">&nbsp;</td>
                    <td style="width: 112px">
                        <asp:RequiredFieldValidator ID="valUsername" runat="server" ControlToValidate="txtUsername" ErrorMessage="Please enter Username !" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 195px;font-family :Verdana;font-weight:bold">Password :</td>
                    <td colspan="2">
                        <asp:TextBox ID="txtPassword" runat="server" BorderColor="#B6B6B6" BorderStyle="Double" CssClass="txtbox" Height="30px" TextMode="Password" Width="399px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="width: 195px">&nbsp;</td>
                    <td style="width: 112px">
                        <asp:RequiredFieldValidator ID="valPassword" runat="server" ControlToValidate="txtPassword" ErrorMessage="Please enter Password" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                        <asp:RangeValidator ID="valPasswordFormat" runat="server" ControlToValidate="txtPassword" ErrorMessage="At least 7 characters, no space." ForeColor="#FF3300" MaximumValue="6" MinimumValue="100">*</asp:RangeValidator>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 195px;font-family :Verdana;font-weight:bold">Comfirm Password :</td>
                    <td colspan="2">
                        <asp:TextBox ID="txtComfirmPassword" runat="server" BorderColor="#B6B6B6" BorderStyle="Double" CssClass="txtbox" Height="30px" TextMode="Password" Width="399px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="width: 195px">&nbsp;</td>
                    <td style="width: 112px">
                        <asp:RequiredFieldValidator ID="valComfirmPassword" runat="server" ControlToValidate="txtComfirmPassword" ErrorMessage="Please enter Comfirm Password !" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                        <asp:CompareValidator ID="valComfirmPasswordFormat" runat="server" ControlToCompare="txtPassword" ControlToValidate="txtComfirmPassword" ErrorMessage="CompareValidator" ForeColor="#FF3300">*</asp:CompareValidator>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 195px; height: 25px;font-family :Verdana;font-weight:bold">BirthDate :</td>
                    <td style="width: 112px; height: 25px">
                        
                        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
                        <asp:TextBox ID="txtBirthDate" runat="server" BorderColor="#B6B6B6" BorderStyle="Double" CssClass="txtbox" Height="30px" Width="180px" TextMode="DateTime"></asp:TextBox>
                    </td>
                    <td style="height: 25px">
                        <asp:ImageButton ID="btnCalendar" runat="server" Height="21px" ImageUrl="~/Images/1388260077_calendar.png" Width="22px" CausesValidation="False" OnClick="btnCalendar_Click" />
                        <asp:CalendarExtender ID="calBirthDate" runat="server" Enabled="True" Format="yyyy-MM-dd" PopupButtonID="btnCalendar" TargetControlID="txtBirthDate"></asp:CalendarExtender>
                    </td>
                </tr>
                <tr>
                    <td style="width: 195px">&nbsp;</td>
                    <td style="width: 112px">
                        <asp:RequiredFieldValidator ID="valBirthDate" runat="server" ControlToValidate="txtBirthDate" ErrorMessage="Please enter BirthDate !" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                    </td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 195px;font-family :Verdana;font-weight:bold">Phone :</td>
                    <td colspan="2">
                        <asp:TextBox ID="txtPhone" runat="server" BorderColor="#B6B6B6" BorderStyle="Double" CssClass="txtbox" Height="30px" TextMode="Phone" Width="399px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="width: 195px">&nbsp;</td>
                    <td style="width: 112px">
                        <asp:RequiredFieldValidator ID="valPhone" runat="server" ControlToValidate="txtPhone" ErrorMessage="Please enter Phone !" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 195px; height: 25px;font-family :Verdana;font-weight:bold">Email :</td>
                    <td colspan="2" style="height: 25px">
                        <asp:TextBox ID="txtEmail" runat="server" BorderColor="#B6B6B6" BorderStyle="Double" CssClass="txtbox" Height="30px" TextMode="Email" Width="399px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="width: 195px; height: 25px"></td>
                    <td style="width: 112px; height: 25px">
                        <asp:RequiredFieldValidator ID="valEmail" runat="server" ControlToValidate="txtEmail" ErrorMessage="Please enter Email !" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                    </td>
                    <td style="height: 25px"></td>
                </tr>
                <tr>
                    <td style="width: 195px;font-family :Verdana;font-weight:bold">Address :</td>
                    <td colspan="2">
                        <asp:TextBox ID="txtAddress" runat="server" BorderColor="#B6B6B6" BorderStyle="Double" CssClass="txtbox" Height="30px" Width="399px" ></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="width: 195px">&nbsp;</td>
                    <td style="width: 112px">
                        <asp:RequiredFieldValidator ID="valAddress" runat="server" ControlToValidate="txtAddress" ErrorMessage="Please enter Address !" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 195px;font-family :Verdana;font-weight:bold">Country :</td>
                    <td style="width: 112px">
                        <asp:DropDownList ID="ddlCountry" runat="server" CssClass="txtbox" Height="33px" Width="181px">
                        </asp:DropDownList>
                    </td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 195px">&nbsp;</td>
                    <td style="width: 112px">
                        <asp:RequiredFieldValidator ID="valCountry" runat="server" ControlToValidate="ddlCountry" ErrorMessage="Please select Country !" ForeColor="#FF3300">*</asp:RequiredFieldValidator>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 195px">&nbsp;</td>
                    <td style="width: 112px;text-align:center;">
                        <asp:Button ID="btnCreateAcc" runat="server" BackColor="#999999" CssClass="txtbox" ForeColor="White" Text="Create Account" Height="35px" OnClick="btnCreateAcc_Click" />
                    </td>
                    <td>
                        <asp:Button ID="btnReset" runat="server" BackColor="#999999" CausesValidation="False" CssClass="txtbox" ForeColor="White" Height="30px" Text="Reset" Width="67px" OnClick="btnReset_Click" />
                    </td>
                </tr>
            </table>
        <asp:ValidationSummary ID="valErrorRegister" runat="server" ForeColor="#FF3300" ShowMessageBox="True" ShowSummary="False" />
    </div>
</asp:Content>
